<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>08jQuery事件2</title>
    <script src="../03jquery/js/jquery-3.6.0.js"></script>
    <script>
        // 1、普通事件（更多见API）
        // click([[data],fn])       鼠标单击
        // dblclick([[data],fn])     鼠标单击
        // mousemove([[data],fn])     鼠标单击
        // mousemove([[data],fn])     鼠标单击
        $(function () {
            $("button:contains('单击')").click(function () {
                $("div").html($(this).html());
            })
            $("button:contains('双击')").dblclick(function () {
                $("div").html($(this).html());
            })
            $("button:contains('鼠标进入')").mousemove(function () {
                $("div").html($(this).html());
            })
            $("button:contains('鼠标离开')").mouseleave(function () {
                $("div").html($(this).html());
            })
        });
    </script>
</head>
<body>
<button>单击</button>
<button>双击</button>
<button>鼠标移动</button>
<button>鼠标离开</button>

<div style="font-size: 3em"></div>
</body>
</html>